import * as React from 'react';
import { StyleSheet, Text, ScrollView } from 'react-native';
import CurrentLiveList from './club/CurrentLiveList';
import ScheduleLiveList from './club/ScheduleLiveList';

export default function ClubScreen() {
  return (
    <ScrollView style={styles.container}>
      <Text style={styles.currentTitle}>正在训练</Text>
      <CurrentLiveList />
      <ScheduleLiveList />
    </ScrollView>
  );
}

const styles = StyleSheet.create({
  safeArea: {
    flex: 1,
    backgroundColor: '#ffffff',
  },
  container: {
    flex: 1,
    paddingVertical: 12,
  },
  currentTitle: {
    fontSize: 20,
    paddingHorizontal: 12,
    fontWeight: 'bold',
  },
});
